<!DOCTYPE html>
<html>
  <head>
    <title>博客后台管理系统</title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body>
    <div class='index-container'>
      <div class='left'>
        <div class='user_card'>
          <div class='image-block'>

          </div>
        </div>
        <div class='menu-block'>
          <h2>网站分类</h2>
          <ul class='menu'>
            <li>编程语言</li>
            <li>Web前端</li>
          </ul>
        </div>
      </div>
      <div class='middle'>
        <ul class='article_list'>
          <li class='article_intro'>
            <div class='article_block'>
              <h4>测试文章</h4>
              <p class='article_content'>这是测试文章的简介，这是测试文章，这是测试文章，这是测试文章，这是测试文章，这是测试文章，这是测试文章，这是测试文章</p>
              <div class='article_info'>
                <a>Canaan</a>发布于
                <span class='article_time'>2016-02-13 19:44</span>
                <span class='article_comment'>评论 6</span>
                <span class='article_view'>阅读 8</span>
              </div>
            </div>
          </li>
        </ul> 
      </div>
      <div class='right'>
        <div class='article_recommend'>
          <h4>阅读排行榜</h4>
          <ul class='article_recommend_list'>
            <li>这是测试用的文章，这是测试用的文章</li>
            <li>这是测试用的文章</li>
            <li>这是测试用的文章</li>
          </ul>
        </div>
      </div>
    </div>
  </body>
</html>
